<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <!-- width - viewport的宽度
        height - viewport的高度
        initial-scale - 初始的缩放比例
        minimum-scale - 允许用户缩放到的最小比例
        maximum-scale - 允许用户缩放到的最大比例
        user-scalable - 用户是否可以手动缩放
     -->
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
    <title>Document</title>
    <!-- 重置样式 -->
    <link href="../asserts/css/reset.css" rel="stylesheet">
    <!-- 字体库 -->
    <link href="../asserts/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet">

    <!-- 引入首页css -->
    <link href="../asserts/css/restaurant_list.css" rel="stylesheet">

</head>

<body>
    <div class="rest_container">

        <div class="title">商家列表</div>
        <div class="restaurants">
            <div class="restaurant">
                <div class="pic float_left">
                    <img src="../asserts//images/推荐菜品.png">
                    <div class="dot">3</div>
                </div>
                <div class="info float_right">
                    <div class="name">宛家饺子（哈西万达店）</div>
                    <div class="price_introduce">￥15元起送 |￥3元配送费</div>
                    <div class="product_introduce">各种饺子</div>
                </div>

            </div>

            <div class="restaurant">
                <div class="pic float_left">
                    <img src="../asserts//images/推荐菜品.png">
                    <div class="dot">1</div>
                </div>
                <div class=" info float_right">
                    <div class="name">壹家火锅（西城红场店）</div>
                    <div class="price_introduce">￥15元起送 |￥3元配送费</div>
                    <div class="product_introduce">全是火锅</div>
                </div>
            </div>
            <div class="restaurant">
                <div class="pic float_left">
                    <img src="../asserts//images/推荐菜品.png">
                    <div class="dot">3</div>
                </div>
                <div class="info float_right">
                    <div class="name">宛家饺子（哈西万达店）</div>
                    <div class="price_introduce">￥15元起送 |￥3元配送费</div>
                    <div class="product_introduce">各种饺子</div>
                </div>

            </div>

            <div class="restaurant">
                <div class="pic float_left">
                    <img src="../asserts//images/推荐菜品.png">
                    <div class="dot">1</div>
                </div>
                <div class=" info float_right">
                    <div class="name">壹家火锅（西城红场店）</div>
                    <div class="price_introduce">￥15元起送 |￥3元配送费</div>
                    <div class="product_introduce">全是火锅</div>
                </div>
            </div>
            <div class="restaurant">
                <div class="pic float_left">
                    <img src="../asserts//images/推荐菜品.png">
                    <div class="dot">3</div>
                </div>
                <div class="info float_right">
                    <div class="name">宛家饺子（哈西万达店）</div>
                    <div class="price_introduce">￥15元起送 |￥3元配送费</div>
                    <div class="product_introduce">各种饺子</div>
                </div>

            </div>

            <div class="restaurant">
                <div class="pic float_left">
                    <img src="../asserts//images/推荐菜品.png">
                    <div class="dot">1</div>
                </div>
                <div class=" info float_right">
                    <div class="name">壹家火锅（西城红场店）</div>
                    <div class="price_introduce">￥15元起送 |￥3元配送费</div>
                    <div class="product_introduce">全是火锅</div>
                </div>
            </div>
        </div>




        <div class="tabs">
            <div class="tab active">
                <div><i class="fa fa-home icon"></i></div>
                <div class="caption">首页</div>
            </div>
            <div class="tab">
                <div><i class="fa fa-indent icon"></i></div>
                <div>订单</div>
            </div>
            <div class="tab">
                <div><i class="fa fa-binoculars icon"></i></div>
                <div>发现</div>
            </div>
            <div class="tab">
                <div><i class="fa fa-user-o icon"></i></div>
                <div>我的</div>
            </div>
        </div>


    </div>
</body>

</html>